<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    body{background: url("/images/login.jpeg") no-repeat center; background-size:100%; }
    .login_main{color:#fff;position: absolute;overflow: hidden; width: 500px; height: 300px; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px; border: solid 2px #666; text-align: center; padding-top: 10px; background: #4476a7; box-shadow: #0c0c0c 10px 10px 10px;}
    .inlinebox{position: relative; height: 40px; margin-top: 15px;}
    .inlinebox img{width: 140px; vertical-align: middle;}
    .in_l{float: left; width: 24%; height: 40px;}
    .in_r{float: left; width: 69%; height: 40px; text-align: left}
</style>
<body>
<div class="login_main">
    <form action="{:url('checkLogin')}">
        <div class="inlinebox"><h4>老猫系统登录</h4></div>
    <div class="inlinebox">
        <div class="in_l">用户名:</div>
        <div class="in_r"><input type="text" name="username"></div>
    </div>
    <div class="inlinebox">
        <div class="in_l">密码:</div>
        <div class="in_r"><input type="password" name="pass"></div>
    </div>
    <div class="inlinebox">
        <div class="in_l">验证码:</div>
        <div class="in_r"><input type="text" name="captcha"> <img src="{:captcha_src()}" onclick="this.src='{:captcha_src()}'"/></div>
    </div>
    <div class="inlinebox">
        <div class="in_l"></div>
        <div class="in_r"><input type="submit" value="登录"></div>
    </div>
    </form>
</div>

</body>
</html>